﻿.action {
    font-size: 0;
    cursor: pointer;
    background-color: var(--wf-backcolor);
}

    .action .action-content:hover {
        background-color: #00000020;
    }

    .action.readonly-action {
        cursor: default;
    }

        .action.readonly-action .action-content:hover {
            background-color: var(--wf-backcolor);
        }

    .action ::deep .action-icon {
        position: relative;
        cursor: pointer;
        width: var(--action-icon-size);
        height: var(--action-icon-size);
        margin: 0;
    }

    .action.readonly-action ::deep .action-icon {
        cursor: default;
    }
